<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
        ul {
            overflow: hidden;
            clear: both;
        }
        ul li{
            cursor: pointer;
            margin-right:10px;
            list-style: none;
            float:left;
            padding: 8px 10px;
            color:#666;
            background: #ffffff;
            border: 1px solid #ddd;
        }
    </style>
</head>
<body>
    
    <div>
            <label for="">乐享套餐</label>
            <ul class="specify" data-pid='a' onclick="getCate()">
                <li data-id='1'>乐享4g套餐59元</li>
                <li data-id='2'>乐享4g套餐79元</li>
                <li data-id='3'>乐享4g套餐139元</li>
                <li data-id='4'>乐享4g套餐39元</li>
            </ul>
        </div>

    <div>
        <label for="">套餐</label>
        <ul class="specify"  data-pid='b' onclick="getCate()">
            <li data-id='5'>微型卡</li>
            <li data-id='6'>普通卡</li>
        </ul>
    </div>
    
    <script src="backindex.js"></script>
</body>
</html>